<template>
	<el-row style="height: 100%;">
		<el-col>
			<h1 style="border-color: blue;text-align: center;">OSIX 教务系统</h1>
			<el-menu active-text-color="#ffd04b" background-color="#545c64" default-active="2" text-color="#fff"
				style="height: 91%;" @select="goRoute">

				<el-menu-item index="home">
					<span style="font-size: larger;">首页</span>
				</el-menu-item>
				<el-menu-item index="dept">
					<span>院系管理</span>
				</el-menu-item>
				<el-menu-item index="emp">
					<span>员工管理</span>
				</el-menu-item>
				<el-menu-item index="class">
					<span>班级管理</span>
				</el-menu-item>
				<el-menu-item index="std">
					<span>学生管理</span>
				</el-menu-item>
				<el-menu-item index="course">
					<span>课程管理</span>
				</el-menu-item>
				<el-menu-item index="schedule">
					<span>课程安排</span>
				</el-menu-item>
				<el-menu-item index="score">
					<span>成绩管理</span>
				</el-menu-item>
				

			</el-menu>
		</el-col>
	</el-row>

</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'

const router = useRouter();

const goRoute = (name:string) => {
	router.push(name);
}
</script>